<template>
    <div>
        <p>count: {{ count }}</p>
        <p>double: {{ double }}</p>
        <button @click="count++">add</button>
        <p>x:{{ x }}</p>
        <p>y:{{ y }}</p>
    </div>
</template>

<script setup>
import {createGlobalState} from '@vueuse/core'
import {useGlobalState} from './useGlobalState'
import {useShareMouse} from '../hooks/useShareMouse'

// const {count, double} = useGlobalState()
const {x, y} = useShareMouse()
</script>